﻿<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title></title>
    @Styles.Render("~/Content/css/News/News.css")

    @*@Styles.Render("~/Content/css/index.css")
    @Styles.Render("~/Content/css/reset.css")
    @Scripts.Render("~/Content/js/jquery-min-inedx.js")
    @Scripts.Render("~/Content/js/index.js")*@
</head>
<body>
    
    <div class="container" >
        <div class="article-list-body row col-md-8">
            <!-- 轮播 -->
            <div class="carousel slide mycarousel1" id="carousel-147784">
                <ol class="carousel-indicators">
                    <li class="active" data-slide-to="0" data-target="#carousel-147784">&nbsp;</li>
                    <li data-slide-to="1" data-target="#carousel-147784">&nbsp;</li>
                    <li data-slide-to="2" data-target="#carousel-147784">&nbsp;</li>

                </ol>
                <div class="carousel-inner">
                    <div class="item active">
                        <img alt="" src="~/Content/Images/sucai/1.jpg" />
                        <div class="carousel-caption" contenteditable="true">

                        </div>

                    </div>
                    <div class="item">
                        <img alt="" src="~/Content/Images/sucai/2.jpg" />
                        <div class="carousel-caption" contenteditable="true">

                        </div>

                    </div>
                    <div class="item">
                        <img alt="" src="~/Content/Images/sucai/3.jpg" />
                        <div class="carousel-caption" contenteditable="true">

                        </div>

                    </div>

                </div>
                <a class="left carousel-control" data-slide="prev" href="#carousel-147784">&lsaquo;</a> <a class="right carousel-control" data-slide="next" href="#carousel-147784">&rsaquo;</a>
            </div>
            <!-- list主内容-->
            <div class="article-list-main">

                <section class="es-section">
                    <div class="article-list">
                        <article class="article-item">
                            <div class="article-metas clearfix">
                                <div class="pull-left">
                                    <div class="date">
                                        <div class="day">12</div>
                                        <div class="month">04月</div>
                                    </div>
                                </div>
                                <div class="metas-body">
                                    <p>
                                        <a class="link-dark" href="/article/category/toutiao">泰课头条</a>
                                    </p>
                                    <h2 class="title">
                                        <a class="link-dark" href="/article/3804">关于泰课离线视频说明</a>
                                    </h2>
                                </div>
                            </div>
                            <div class="content">
                                泰课在线加密视频的获取及使用说明泰课在线加密过的课程是绑定计算机电脑的硬件，除了绑定的电脑以外，其余的电脑是无法观看课程的。（加密的课程在相关课程介绍里都有提示）每个购买课程的学员仅提供一次绑定电脑的机会，所以请选择自己常用的电脑用于课程学习。 视频获取1.课程和播放器等相关资源的下载，请购买完毕后...
                            </div>
                        </article>
                        <article class="article-item">
                            <div class="article-metas clearfix">
                                <div class="pull-left">
                                    <div class="date">
                                        <div class="day">27</div>
                                        <div class="month">03月</div>
                                    </div>
                                </div>
                                <div class="metas-body">
                                    <p>
                                        <a class="link-dark" href="/article/category/toutiao">泰课头条</a>
                                    </p>
                                    <h2 class="title">
                                        <a class="link-dark" href="/article/3761">QQ登录失效问题</a>
                                    </h2>
                                </div>
                            </div>
                            <div class="content">
                                QQ登录的同学请按照以下操作完成账号的转换，请放心，之前拥有的教程和学习记录会全部存在。一、邮箱 or 手机号找回密码（PS：你的邮箱是胡乱写的，没有验证！手机号也没有绑定！那您不用往下看了~ 快去联系晴天986671381或者lisa2109365042转换账号）QQ登录的用户在首次登录泰课的时候...
                            </div>
                        </article>
                        <article class="article-item">
                            <div class="article-metas clearfix">
                                <div class="pull-left">
                                    <div class="date">
                                        <div class="day">15</div>
                                        <div class="month">03月</div>
                                    </div>
                                </div>
                                <div class="metas-body">
                                    <p>
                                        <a class="link-dark" href="/article/category/news">课讯</a>
                                    </p>
                                    <h2 class="title">
                                        <a class="link-dark" href="/article/3735">VR课程线下周末班试听开启</a>
                                    </h2>
                                </div>
                            </div>
                            <div class="media">
                                <div class="media-left">
                                    <a href="/article/3735">
                                        <img class="thumb-img" src="/files/article/2017/03-15/120113951afe932983.jpg" alt="VR课程线下周末班试听开启">
                                    </a>
                                </div>
                                <div class="media-body">学习VR？周末跟着VR老司机一起&ldquo;撸&rdquo;VR干货课程大起底（只在周末班）不是优秀的人比你更努力而是比你多很多钱的人比你现在还更勤快周末还想发疯似的睡他个昏天暗地？殊不知，职场危机正在等你懈怠时袭击你让周末充分发挥价值用有限天数创造无限职场价值周末换个花样&ldquo;畅玩&rd...</div>
                            </div>
                        </article>
                        <article class="article-item">
                            <div class="article-metas clearfix">
                                <div class="pull-left">
                                    <div class="date">
                                        <div class="day">19</div>
                                        <div class="month">05月</div>
                                    </div>
                                </div>
                                <div class="metas-body">
                                    <p>
                                        <a class="link-dark" href="/article/category/news">课讯</a>
                                    </p>
                                    <h2 class="title">
                                        <a class="link-dark" href="/article/3874">课程更新情况</a>
                                    </h2>
                                </div>
                            </div>
                            <div class="media">
                                <div class="media-left">
                                    <a href="/article/3874">
                                        <img class="thumb-img" src="/Content/Images/cont/slider_img1.jpg" alt="课程更新情况">
                                    </a>
                                </div>
                                <div class="media-body"></div>
                            </div>
                        </article>
                        <article class="article-item">
                            <div class="article-metas clearfix">
                                <div class="pull-left">
                                    <div class="date">
                                        <div class="day">12</div>
                                        <div class="month">05月</div>
                                    </div>
                                </div>
                                <div class="metas-body">
                                    <p>
                                        <a class="link-dark" href="/article/category/news">课讯</a>
                                    </p>
                                    <h2 class="title">
                                        <a class="link-dark" href="/article/3873">《UE4小游戏 拇指鸡》更新2~4课时</a>
                                    </h2>
                                </div>
                            </div>
                            <div class="media">
                                <div class="media-left">
                                    <a href="/article/3873">
                                        <img class="thumb-img" src="/Content/Images/cont/slider_img1.jpg" alt="《UE4小游戏 拇指鸡》更新2~4课时">
                                    </a>
                                </div>
                                <div class="media-body"></div>
                            </div>
                        </article>
                        <article class="article-item">
                            <div class="article-metas clearfix">
                                <div class="pull-left">
                                    <div class="date">
                                        <div class="day">12</div>
                                        <div class="month">05月</div>
                                    </div>
                                </div>
                                <div class="metas-body">
                                    <p>
                                        <a class="link-dark" href="/article/category/news">课讯</a>
                                    </p>
                                    <h2 class="title">
                                        <a class="link-dark" href="/article/3872">《项目实战:安卓多SDK接入与集成》更新6~13课时</a>
                                    </h2>
                                </div>
                            </div>
                            <div class="content">

                            </div>
                        </article>
                        <article class="article-item">
                            <div class="article-metas clearfix">
                                <div class="pull-left">
                                    <div class="date">
                                        <div class="day">10</div>
                                        <div class="month">05月</div>
                                    </div>
                                </div>
                                <div class="metas-body">
                                    <p>
                                        <a class="link-dark" href="/article/category/tech">技术分享</a>
                                    </p>
                                    <h2 class="title">
                                        <a class="link-dark" href="/article/3871">基于UE4的VR内容在AMD GCN架构上的性能优化指南</a>
                                    </h2>
                                </div>
                            </div>
                            <div class="content">
                                概述      基于PC的VR体验无疑面临着来自性能需求方面的挑战。鉴于标准PC游戏的性能目标被普遍认为应在1920*1080分辨率达到60帧速率，当前VR头显显示屏分辨率基本为双眼2160*1200，刷新率为90Hz。相较于1080p分辨率、60帧速率，这相当于降低约33%的帧时间填充原先125...
                            </div>
                        </article>
                        <article class="article-item">
                            <div class="article-metas clearfix">
                                <div class="pull-left">
                                    <div class="date">
                                        <div class="day">10</div>
                                        <div class="month">05月</div>
                                    </div>
                                </div>
                                <div class="metas-body">
                                    <p>
                                        <a class="link-dark" href="/article/category/tech">技术分享</a>
                                    </p>
                                    <h2 class="title">
                                        <a class="link-dark" href="/article/3870">Unity2d 遮蔽和障碍物系统原理及障碍物副本地图实现</a>
                                    </h2>
                                </div>
                            </div>
                            <div class="media">
                                <div class="media-left">
                                    <a href="/article/3870">
                                        <img class="thumb-img" src="/files/article/2017/05-10/1051357a326e130788.jpg" alt="Unity2d 遮蔽和障碍物系统原理及障碍物副本地图实现">
                                    </a>
                                </div>
                                <div class="media-body">大多数2d游戏会有遮蔽和障碍物系统，这样处理后的游戏场景才会更显真实，但对于它的原理又有多少人知道，下面是给大家介绍下Unity2d遮蔽和障碍物系统原理，并通过一个障碍物副本地图的实例让大家更能清楚的去认识它。背景   虽然我玩过各式各样的游戏，但对于2d游戏中的遮蔽和障碍物系统，总有一种不识庐山真...</div>
                            </div>
                        </article>
                        <article class="article-item">
                            <div class="article-metas clearfix">
                                <div class="pull-left">
                                    <div class="date">
                                        <div class="day">10</div>
                                        <div class="month">05月</div>
                                    </div>
                                </div>
                                <div class="metas-body">
                                    <p>
                                        <a class="link-dark" href="/article/category/tech">技术分享</a>
                                    </p>
                                    <h2 class="title">
                                        <a class="link-dark" href="/article/3869">Unity 5 教程  低多边形场景的光照与后处理</a>
                                    </h2>
                                </div>
                            </div>
                            <div class="content">
                                本文和大家介绍的是如何在Unity 5.5中为低多边形场景添加光照和后处理，主要也是考虑到大家没有这方面的经验，希望下面通过对低多边形场景设置光照的步骤讲解和处理方法能给帮到大家。课前介绍通过学习本教程，您可以了解到如下内容：Unity中光照的基础概念为场景设置预计算实时全局光照（Precomput...
                            </div>
                        </article>
                        <article class="article-item">
                            <div class="article-metas clearfix">
                                <div class="pull-left">
                                    <div class="date">
                                        <div class="day">10</div>
                                        <div class="month">05月</div>
                                    </div>
                                </div>
                                <div class="metas-body">
                                    <p>
                                        <a class="link-dark" href="/article/category/tech">技术分享</a>
                                    </p>
                                    <h2 class="title">
                                        <a class="link-dark" href="/article/3868">unity的环境捕捉器</a>
                                    </h2>
                                </div>
                            </div>
                            <div class="content">
                                在项目中需要用到环境捕捉器，发现unity3d pro自带了一个Camera.RenderToCubemap函数可以帮忙，考虑到有些人也会需要用到，下面就把unity的环境捕捉器介绍给大家。更新: unity 5.x 貌似直接提供一个反射捕捉器实现的思路很简单，在任意GameObject上挂载脚本之...
                            </div>
                        </article>

                    </div>
                </section>
            </div>
            <!-- 翻页-->
            <div class="fanye">
                <ul class="pagination" contenteditable="true">
                    <li><a href="#">上一页</a></li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">下一页</a></li>
                </ul>
            </div>

        </div>
        <div class="col-md-4">
            <!-- tupian -->
            <div class="myright">
                <a href="#" id="test">
                    <img src="~/Content/Images/sucai/1.jpg" alt="Alternate Text" />
                </a>
                <a href="#" id="test">
                    <img src="~/Content/Images/sucai/1.jpg" alt="Alternate Text" />
                </a>
            </div>

            <!-- 热门资讯频道 -->

            <div class="panel panel-default hot-article">
                <div class="panel-heading">
                    <h3 class="panel-title"><i class="es-icon es-icon-whatshot"></i>热门资讯频道</h3>
                </div>
                <div class="panel-body">
                    @{
                        for (int i = 0; i < 8; i++)
                        {
                            <div class="media media-number">
                                <div class="media-left">
                                    <span class="num">1</span>
                                </div>
                                <div class="media-body">
                                    <a class="link-dark" href="/article/1330" title="升级Unity5-----Unity5灯光烘焙与Unity4 灯光烘焙实际应用中的差别  ">升级Unity5-----Unity5灯...</a>
                                </div>
                            </div> 
                        }
                    }
                </div>
            </div>
        </div>

    </div>
    
</body>
@RenderPage("~/Views/Shared/footerPage.cshtml")
</html>
